import React from 'react';
// import { setStyle, getDefaultContainer } from './utils';
import styles from './AnchorTableHeader.less';

// transform方案
const AnchorTableHeader = ({ children, container, ...props }) => {
    const ref = React.useRef();
    // const paramRef = React.useRef();
    // const { fixedTop, floatStyle = {}, normalStyle = {}, thresholdTopOffset = 0 } = props;
    // const referDom = container || getDefaultContainer(ref.current);

    // const scrollHandler = (e, initScroll) => {
    //     const { scrollTop } = initScroll ?? e.target;
    //     const targetDom = ref.current.querySelector('.ant-table-thead');
    //     const tableBodyDom = ref.current.querySelector('.ant-table-tbody');
    //     const thRect = targetDom.getBoundingClientRect();
    //     const referRect = referDom.getBoundingClientRect();
    //     if (!paramRef.current.thresholdTop) {
    //         paramRef.current.thresholdTop = thRect.top - referRect.top;
    //     }
    //     if (scrollTop > paramRef.current.thresholdTop - thresholdTopOffset) {
    //         // stacking context
    //         tableBodyDom.parentNode.insertBefore(tableBodyDom, targetDom);
    //         setStyle(targetDom, {
    //             transform: `translateY(${scrollTop + fixedTop - paramRef.current.thresholdTop}px)`,
    //             ...floatStyle
    //         });
    //     } else {
    //         setStyle(targetDom, {
    //             transform: 'translateY(0px)',
    //             ...normalStyle
    //         });
    //     }
    // };
    // const resizeHandler = () => {
    //     paramRef.current = {};
    //     // 可优化？
    //     referDom.scrollTo(0, 0);
    //     scrollHandler(null, 0);
    // };
    // React.useEffect(() => {
    //     if (referDom) {
    //         paramRef.current = {};
    //         referDom.addEventListener('scroll', scrollHandler);
    //         window.addEventListener('resize', resizeHandler);
    //     }
    //     return () => {
    //         if (referDom) {
    //             referDom.removeEventListener('scroll', scrollHandler);
    //             window.removeEventListener('resize', resizeHandler);
    //         }
    //     };
    // }, [referDom]);
    return (
        <div className={styles.anchorTable} ref={ref} {...props}>
            {children}
        </div>
    );
};

export default AnchorTableHeader;
